<style type="text/css">
.storelogo img{width:3.2rem;height:3.2rem}
.merchgroup .store-star {padding:0.1rem 0 0.2rem 0;font-size:0.65rem;line-height:1rem}
.merchgroup .store-star img{height:0.66rem}
.star-on,.star-off{position:absolute;top:1rem;left:0;overflow:hidden}
.star-rate {margin-left:3.6rem}
.store-distance{float:right;color:#999}
.store-moneylimit{font-size:0.55rem}
.sortmenu_sort{
    width: 100%;
    max-height: 10rem;
    background-color: #fff;
    z-index: 100000;
    position: absolute;
    top: 2rem;
    left: 0;
    border-radius: 0 0 0.2rem 0.2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
    overflow: auto;
}
.sortmenu_sort h1{
    color: #ec660f;
    font-size: 0.7rem;
    border-bottom: 1px solid #ec660f;
    padding:0 0.5rem;
    line-height: 1.5rem;
}
.sortmenu_sort li {
    list-style: none;
    line-height: 2rem;
	color:{{main.syscolor ||'#18bc9c'}};
    text-align: left;
    padding:0 0.5rem;
    font-size:0.65rem;
    border-bottom: 1px solid #d8d8d8;
}
.store-star .star {
    color: #666;
	font-size:0.6rem;
}

.store-star .star span {
    padding: 0;
    margin: 0
}

.store-star .star .shine {
    color: #fa672d;
}
.store-star .star .star1 {
    /*clear: both*/
}
.page-goods-list .sort .item.on .text {
    color: {{main.syscolor ||'#18bc9c'}};
}
</style>
<div class="fui-page  fui-page-current page-goods-list" ng-if="pagedata.showarea !=1">
<div class="fui-content" style="top:0">
<div class="fui-header" style="background: {{main.syscolor ||'#18bc9c'}};color:#fff">
		<div class="fui-header-left" ng-click="pagedata.showarea =1">
			<span ng-show="pagedata.pcd.district" style="font-size:0.65rem">{{pagedata.pcd.district}}</span>
			<span ng-show="!pagedata.pcd.district" style="font-size:0.65rem">{{pagedata.pcd.city || '广州市'}}</span>
			<i class="icon jinyunicon icon-moreunfold"></i>
		</div>
		<div class="title">
				<form method="post">
					<div class="searchbar searchbar-active" style="margin-left:3.2rem;margin-right:1.8rem">
					<div class="search-input">
						<i id="searchsub" ng-click="pagedata.selectget(pagedata.params.status,pagedata.params.order)" class="icon jinyunicon icon-search"></i>
						<input ng-model="pagedata.params.keyword" style="border-radius:2rem" style="background:#fff" type="search" id="search" placeholder="输入关键字..." value="">
					</div>
					</div>
			</form>
		</div>
		<div class="fui-header-right">
			<a href="javascript:;" ng-click="access_json('jy_gohome/worker/main/')"><i class="icon jinyunicon icon-map" id="listblock" style="color:#fff;font-size: 1.0rem;"></i></a>
		</div>
</div>
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true" style="margin-top:2.2rem">
		<div class="carousel-inner" role="listbox" style="height:10rem">
			<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.pluginset.hdps">
				
				<a href="{{item.url}}">
					<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
				</a>
			</div>
		</div>
			<style>
					.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
					.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
			</style>
			<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="item in pagedata.pluginset.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
			</div>
</div>
<div class="sort" style="top:0">
	<div class="item on" style="width:2%" ng-click="toogle(pagedata,'showpaixu')"><span class='text'>{{pagedata.ordertitle||'按距离排序'}}</span> <i ng-if="!pagedata.showpaixu" class="icon jinyunicon icon-moreunfold"></i> <i ng-if="pagedata.showpaixu" class="icon jinyunicon icon-less"></i></div>
	<div ng-class="{'item':1,'on':pagedata.params.status==1}" ng-click="pagedata.selectget(1,pagedata.params.order)"><span class='text'>可接单</span></div>
	<div ng-class="{'item':1,'on':pagedata.params.status==2}" ng-click="pagedata.selectget(2,pagedata.params.order)"><span class='text'>服务中</span></div>
	<div ng-class="{'item':1,'on':pagedata.params.status==3}" ng-click="pagedata.selectget(3,pagedata.params.order)"><span class='text'>不可接单</span></div>
	<div class="sortmenu_sort" ng-if="pagedata.showpaixu">
		 <ul>
			   <li ng-click="pagedata.showpaixu=false;pagedata.ordertitle='按距离排序';pagedata.selectget(pagedata.params.status,'default')">按距离排序 <i ng-if="pagedata.params.order=='default'" class="icon icon-selected" style="font-size:1rem;float:right;{{main.syscolor ||'#18bc9c'}}"></i></li>
			   <li ng-click="pagedata.showpaixu=false;pagedata.ordertitle='按星级排序';pagedata.selectget(pagedata.params.status,'star')">按星级排序 <i ng-if="pagedata.params.order=='star'" class="icon icon-selected" style="font-size:1rem;float:right;{{main.syscolor ||'#18bc9c'}}"></i></li>
			   <li ng-click="pagedata.showpaixu=false;pagedata.ordertitle='按接单量排序';pagedata.selectget(pagedata.params.status,'sales')">按接单量排序 <i ng-if="pagedata.params.order=='sales'" class="icon icon-selected" style="font-size:1rem;float:right;{{main.syscolor ||'#18bc9c'}}"></i></li>
			   <li ng-click="pagedata.showpaixu=false;pagedata.ordertitle='按浏览量排序';pagedata.selectget(pagedata.params.status,'looks')">按浏览量排序 <i ng-if="pagedata.params.order=='looks'" class="icon icon-selected" style="font-size:1rem;float:right;{{main.syscolor ||'#18bc9c'}}"></i></li>
		 </ul>
	</div>
</div>
<div ng-if="pagedata.list.length>0" class="fui-list-group merchgroup" style="background:none;padding:0 0.5rem" ng-repeat="item in pagedata.list">
            <div class="fui-list" style="background:#fff;border-radius:0.5rem;">
                <a class="fui-list-media storelogo" href="javascript:;" ng-click="access_json('jy_gohome/worker/detail/id='+item.id)">
                    <div style="width:100%;text-align:center">
						<div style="width:3rem;margin:0 auto"><img class="round" style="border-radius:50%;height:3rem;width:3rem" ng-src="{{tomedia(item.headimg) || '../core/resource/images/nopic.jpg'}}"></div>
						<div class="jylabel jylabel-primary active" style="border-radius:2rem;margin-top:0.3rem;font-size:0.6rem;border: 1px solid {{main.syscolor ||'#18bc9c'}};background-color:{{main.syscolor ||'#18bc9c'}};width:100%">{{item.statustitle}}</div>
					</div>
                </a>
                <a class="fui-list-inner" style="margin-top:0.16rem" href="javascript:;" ng-click="access_json('jy_gohome/worker/detail/id='+item.id)">
                    <div class="title" style="font-size:0.7rem">{{item.name}} <i ng-if="item.sex!=1" class="icon icon-nv"></i><i ng-if="item.sex==1" class="icon icon-nan"></i></div>
                    <div class="store-star" style="border-bottom: 1px solid #f1f1f1;">
						<span class="star star1">
									<span ng-class="{'shine':item.stars >= 1}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':item.stars >= 2}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':item.stars >= 3}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':item.stars >= 4}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':item.stars >= 5}"><i class="icon icon-shoucang-tianchong"></i></span>
						</span>
						<span class="r-f"><span style="margin-right:0.3rem"><span class="syscolor">{{item.salse ||'0'}}</span>单</span><span class="r">围观：{{item.looks ||'0'}}</span></span>
					</div>
					<div class="title" style="margin-top:0.3rem;height:auto;">
						<span ng-repeat="t in item.tags" class="jylabels jylabel-gray" style="margin:0.2rem;border: 1px solid #666;color:#666;border-radius:0.2rem;line-height:0.8rem;padding: 0.1rem 0.3rem;">{{t}}</span>
					</div>
					<div class="subtitle" style="padding-top:0.3rem;font-size:0.55rem">
						<div class="store-moneylimit syscolor r">
							<i class="icon icon-map"></i> {{item.juli || 2.1}}KM
						</div>
					</div>
                </a>
            </div>
</div>
</div>
</div>
<div class="fui-page fui-page-current page-goods-list" ng-if="pagedata.showarea ==1">
<div class="fui-header">
		<div class="fui-header-left" ng-click="pagedata.showarea =0">
			<a class="back"></a>
		</div>
		<div class="title">
			<form method="post">
					<div class="searchbar searchbar-active">
					<div class="search-input">
						<i class="icon jinyunicon icon-search" style="font-size: 1.0rem;"></i>
						<input type="search" id="search" placeholder="输入关键字..." value="">
					</div>
					</div>
			</form>
		</div>
		<div class="fui-header-right" data-nomenu="true">
			<a href="javascript:;"><i class="icon jinyunicon icon-saoyisao2" id="listblock" style="font-size: 1.0rem;"></i></a>
		</div>
</div>
<div class="fui-content" style="top:1.3rem">
		<div class="weui_cells weui_cells_access">
				<a class="weui_cell" href="javascript:;">
					<div class="weui_cell_bd weui_cell_primary" style="padding:0">
						<span>当前定位/选择地区：{{pagedata.pcd.city || '广州市'}}</span>
					</div>
					<div class="weui_cell_ft" ng-click="toogle(post,'show')">
						选择县区
					</div>
				</a>
				<div class="row margin0" ng-show="post.show">
						<div class="jy-3" ng-repeat="value in pagedata.province[pagedata.pcd.province][pagedata.pcd.city]">
							<div class="yuyue-duan" style="width:auto" ng-click="selectarea(pagedata.pcd.province,pagedata.pcd.city,value);pagedata.showarea = 0;">
									<div>{{value}}</div>
									<div class="clear"></div>
							</div>
						</div>
				</div>
			</div>
			<div class="weui_cells_title">热门地区</div>
			<div class="weui_cells">
				<div class="row margin0">
					<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="selectarea('广东省','深圳市','');pagedata.showarea = 0;">
									<div>深圳市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="selectarea('上海市','上海市','');pagedata.showarea = 0;">
									<div>上海市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="selectarea('广东省','东莞市','');pagedata.showarea = 0;">
									<div>东莞市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="selectarea('北京市','北京市','');pagedata.showarea = 0;">
									<div>北京市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="selectarea('江苏省','南京市','');pagedata.showarea = 0;">
									<div>南京市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="selectarea('江苏省','杭州市','');pagedata.showarea = 0;">
									<div>杭州市</div>
									<div class="clear"></div>
							</div>
						</div>
				</div>
			</div>
			<div ng-repeat="(value,data) in pagedata.province">
				<div class="weui_cells_title">{{value}}</div>
				<div class="weui_cells">
					<div class="row margin0">
						<div class="jy-3" ng-repeat="(city,data) in pagedata.province[value]">
								<div class="yuyue-duan" style="width:auto" ng-click="selectarea(value,city,'');pagedata.showarea = 0;">
										<div>{{city}}</div>
										<div class="clear"></div>
								</div>
						</div>
					</div>
				</div>
		    </div>
</div>
</div>
<script type="text/javascript">
scope.loading = true;  //状态标记
// 百度地图API功能
window.scope.location(function(res){
	if(!scope.pagedata.pcd.city){
		scope.pagedata.pcd.province = res.addressComponents.province;
		scope.pagedata.pcd.city = res.addressComponents.city;
	}
	scope.pagedata.pcd.lat = res.lat_lng.lat;
	scope.pagedata.pcd.lng = res.lat_lng.lng;
	scope.tool.get_list('jy_gohome/index/getworkerlist/lat='+scope.pagedata.pcd.lat+'&lng='+scope.pagedata.pcd.lng,true);
});
scope.selectarea = function(province,city,district){
		scope.pagedata.pcd.province = province;
		scope.pagedata.pcd.city = city;
		scope.pagedata.pcd.district = district;
		scope.pagedata.params.status=scope.pagedata.params.status?scope.pagedata.params.status:'';
		scope.pagedata.params.order=scope.pagedata.params.order?scope.pagedata.params.order:'';
		scope.pagedata.params.keyword=scope.pagedata.params.keyword?scope.pagedata.params.keyword:'';
		scope.tool.get_list('jy_gohome/index/getworkerlist/lat='+scope.pagedata.pcd.lat+'&lng='+scope.pagedata.pcd.lng+'&order='+scope.pagedata.params.order+'&status='+scope.pagedata.params.status+'&keyword='+scope.pagedata.params.keyword,true);
}
scope.pagedata.selectget=function(status,order){
	order=order?order:'';
	status=status?status:'';
	scope.pagedata.params.status=status;
	scope.pagedata.params.order=order;
	scope.tool.get_list('jy_gohome/index/getworkerlist/lat='+scope.pagedata.pcd.lat+'&lng='+scope.pagedata.pcd.lng+'&order='+order+'&status='+status+'&keyword='+scope.pagedata.params.keyword,true);
}
scope.pagedata.scroll_bottom=function(){
	scope.pagedata.params.status=scope.pagedata.params.status?scope.pagedata.params.status:'';
	scope.pagedata.params.order=scope.pagedata.params.order?scope.pagedata.params.order:'';
	scope.pagedata.params.keyword=scope.pagedata.params.keyword?scope.pagedata.params.keyword:'';
	scope.tool.get_list('jy_gohome/index/getworkerlist/lat='+scope.pagedata.pcd.lat+'&lng='+scope.pagedata.pcd.lng+'&order='+scope.pagedata.params.order+'&status='+scope.pagedata.params.status+'&keyword='+scope.pagedata.params.keyword);
}
//手机软键盘--搜索
$("body").keydown(function() {
    if (event.keyCode == "13") {
        $('#searchsub').click();
    }
});
</script>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>
<div ng-include="sys_html('common/pluginnav',true)"></div>